﻿body {
    background:#e1e1e1;
    font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti !important;
}
footer{
    margin-top:20px;
    background:#ffffff;
    padding:20px 0;
}
img{
    max-width:100%;
    vertical-align:middle;
    border:0;
}


@media (min-width:1200px){
    .container{
        width:90%;
    }
}

.panel-heading .breadcrumb{
    margin:0px;
    padding:0px;
}
.control-label{
    font-weight:normal;
}

div.cell{
    border-bottom: 1px solid #e1e1e1;
    padding:10px 15px;
    overflow:hidden;
    line-height:28px;
}

div.cell span.reply-count{
    width:70px;
    line-height:2em;
    text-align:center;
    display:inline-block;
}

div.cell span.reply-seperator{
    margin:0 -3px;
}

div.cell span.comments{
    width:70px;
    overflow:hidden;
    text-align:center;
}

div.cell span.category{
    height:28px;
    line-height:28px;
}

div.cell span.category span{
    background:#777;
    color:#fff;
    border-radius:2px;
    font-weight:bold;
    padding:3px 6px;
    font-size:75%;
}

div.cell span.category span.recommand{
    background:#5cb85c;
}

div.cell img.avatar{
    height:28px;
}

div.cell .topic-title-wrapper{
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow:hidden;
    height:28px;
    line-height:28px;
    padding:0 5px;
}

div.cell .topic-title-wrapper .topic-title{
    display:inline-block; 
    max-width:70%; 
    overflow:hidden; 
    text-overflow:ellipsis;
    white-space: nowrap;
    line-height:28px;
}

div.cell .user-info{
    margin-left:5px;
}

div.cell .last-reply{
    text-decoration:none;
}

div.cell:last-child{
    border-bottom:none;
}

.reply-content{
    padding-left:40px;
    margin-top:5px;
}

.reply-to{
    padding-left:40px;
}

.noPaddingTopAndBottom{
    padding-bottom:0;
    padding-top:0;
}

.noPadding{
    padding:0;
}

.pagination{
    margin: 10px 0;
}

a.tab{
    padding: 5px 10px;
    color:#337ab7;
    border-radius:3px;
}

a.tab.active{
    background:#337ab7;
    color:#ffffff;
}